
<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
<script src="../jsLibs/jquery-2.x.js"></script>
<script src="../jsLibs/h5seal.js?_t=904A--<?=time()?>"></script>
<title>(正圆|椭圆)公章</title> 
<style type="text/css">
body{ padding:2rem; }
p{ word-break:break-all; white-space:normal; }
.outbox{ width:100%; min-width:320px; max-width:640px; margin:auto; }
.wi300{ width:300px; }
@media only screen and (max-width:750px){
    body{ padding:0.5rem; }
} 
</style>
</head> 

<body> 

<div class="outbox">

  <h2>HTML5+CSS3: (正圆|椭圆)公章</h2>

  <!----> 输入单位(中文)：
  <input id="txtcn" class="wi300" type="text" value="郴州市某某某教育科技有限公司" /> (14个汉字，多了自己调) 
  <br /> 输入单位(英文)：
  <input id="txten" class="wi300" type="text" value="98765432ABCDEFG012" /> 
  <br /> 下方文字(部门)：
  <input id="txtdep" class="wi300" type="text" value="电子专用章" /> 
  <div id="sealdiv"> 
   <canvas id="canvas" width="160" height="160"></canvas> 
  </div> 
  <input type="button" onclick="createSealEx1();" value="(正圆)生成中英公章" /> 
  <input type="button" onclick="createSealEx2();" value="(正圆)生成中文公章" /> <br>
  <input type="button" onclick="createSealEx3();" value="(椭圆)生成中英公章" /> 
  <input type="button" onclick="createSealEx4();" value="(椭圆)生成中文公章" />

  <p>from: https://blog.csdn.net/qq_26721093/article/details/129219953</p>

</div>

<script>

$(function(){ 
    createSealEx2();
});

</script>

</body>
</html>

